
/*=================================================================================
                                                                WIDTH PAGE 
=================================================================================*/
.wrapper{
    width: 1150px;
    margin: 0px auto;
}

/*=================================================================================
                                                                HEADER 
=================================================================================*/
#wrapper-header .wrapper{
    background: url(../images/ui/bg-header.png);
    background-repeat: no-repeat;
    position: relative;
    min-height: 155px;
}
#wrapper-header .wrapper #logo{
    position: absolute;
    top: 23px;
    left: 15px;
}

#wrapper-header .wrapper #logo a{
    display: block;
}

#wrapper-header .wrapper #tu-van-ban-hang{
    margin-top: 72px;
    margin-left: 260px;
    float: left;
    position: relative;
}
#wrapper-header .wrapper #tu-van-ban-hang img{
    position: absolute;
    z-index: 100;
    top: 5px;
    left: -25px;
}
#wrapper-header .wrapper #tu-van-ban-hang .content{
    /*
    background: #fdce4e; 
    background: -moz-linear-gradient(top, #fdce4e 0%, #ffbb02 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdce4e), color-stop(100%,#ffbb02)); 
    background: -webkit-linear-gradient(top, #fdce4e 0%,#ffbb02 100%); 
    background: -o-linear-gradient(top, #fdce4e 0%,#ffbb02 100%); 
    background: -ms-linear-gradient(top, #fdce4e 0%,#ffbb02 100%); 
    background: linear-gradient(to bottom, #fdce4e 0%,#ffbb02 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdce4e', endColorstr='#ffbb02',GradientType=0 );
  */
    padding: 2px 5px 2px 50px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#wrapper-header .wrapper ul#top-nav {
    float: right;
    margin-top: 30px;
}
#wrapper-header .wrapper ul#top-nav li{
    display: inline-block;
    margin-right: 20px;
}
#wrapper-header .wrapper ul#top-nav li a{
    display: block;
}
#wrapper-header .wrapper ul#top-nav li a img{
    -webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out; 
-o-transition: all 1s ease-in-out; 
-ms-transition: all 1s ease-in-out; 
}
#wrapper-header .wrapper ul#top-nav li a  img:hover{
    -webkit-transform: rotate(360deg); 
-moz-transform: rotate(360deg); 
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg); 
}

/*=================================================================================
                                                                SECTION
=================================================================================*/
#wrapper-section .wrapper{
    background: #c8f8ab;
}
/* 								MAIN NAVIGATION
--------------------------------------------------------------------------------- */
#main-nav{
    background: #65d101; /* Old browsers */
    background: -moz-linear-gradient(top,  #65d101 0%, #56b400 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#65d101), color-stop(100%,#56b400)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #65d101 0%,#56b400 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #65d101 0%,#56b400 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #65d101 0%,#56b400 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #65d101 0%,#56b400 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65d101', endColorstr='#56b400',GradientType=0 ); /* IE6-9 */
    height: 54px;

}
#main-nav #search-box{
    margin-left: 205px;
    float: left;
    line-height: 54px;
}
#main-nav #search-box .qsearch{
    vertical-align: middle;
}
#main-nav #search-box label{
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    float: left;
}
#main-nav #search-box  input[type='text']{
    height: 27px;
    width: 250px;
    border: 0px solid #dadada; 
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    float:left;
    margin-top: 12px;
    margin-left: 10px;
}
#main-nav #search-box button{
    background: url(../images/ui/search-icon1.png) no-repeat center, #fdce4eurl(../images/ui/search-icon1.png) no-repeat center; /* Old browsers */
    background: url(../images/ui/search-icon1.png) no-repeat center,-moz-linear-gradient(top, #fdce4e 0%, #ffbb02 100%); /* FF3.6+ */
    background: url(../images/ui/search-icon1.png) no-repeat center,-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdce4e), color-stop(100%,#ffbb02)); /* Chrome,Safari4+ */
    background: url(../images/ui/search-icon1.png) no-repeat center,-webkit-linear-gradient(top, #fdce4e 0%,#ffbb02 100%); /* Chrome10+,Safari5.1+ */
    background: url(../images/ui/search-icon1.png) no-repeat center,-o-linear-gradient(top, #fdce4e 0%,#ffbb02 100%);/* Opera 11.10+ */
    background: url(../images/ui/search-icon1.png) no-repeat center,-ms-linear-gradient(top, #fdce4e 0%,#ffbb02 100%); /* IE10+ */
    background: url(../images/ui/search-icon1.png) no-repeat center,linear-gradient(to bottom, #fdce4e 0%,#ffbb02 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdce4e', endColorstr='#ffbb02',GradientType=0 ); /* IE6-9 */
    /* background: url(../images/ui/search-icon1.png) no-repeat center; */
    height: 29px;
    width: 30px;
    border:0px;
    float:left;
    margin-top: 12px;	
    margin-left: -1px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;

}
/* menu */
#main-nav #menu{
    line-height: 54px;
    margin-left: 10px;
    float: left;
}
#main-nav #menu li{
    display: inline;
    border-right: 1px solid #ffffff;
    padding:0px 5px;
}
#main-nav #menu li:last-child,#main-nav #menu li:first-child{
    border-right: none;
}
#main-nav #menu li a{
    display: inline-block;
    color: #ffffff;
    font-size: 12px;
}
#main-nav #menu li a:hover{
    text-decoration: underline;
}
/* login */
#main-nav #login-box{
    margin-left: 5px;
    float: left;	
    padding: 12px 0px 13px 0px;
    position: relative;
    
}


#main-nav #login-box>.title{
    
}
#main-nav #login-box>.title a{	
    color: #ffffff;
    background: url(../images/ui/arrow-down.png) no-repeat bottom right;
    display: block;
    font-size: 10pt;
    font-weight: bold;
    line-height: 15px;
	float: left;    
    padding-right: 15px;
    
}
#main-nav #login-box>.title span.icon{
	display: block;
	float: left;
    width: 27px;
    height: 27px;
    background: url(../images/ui/user-icon.png) no-repeat center;
    
}
#main-nav #login-box >.title a span{
    font-size: 10pt;
    font-weight: normal;
	
}
#login-box ul {
    background: #ffffff;
    padding:5px 5px 10px;
    z-index: 10000;
    position: absolute;
    top: 100%;
    right: -50%;
    display: none;
    width: 250px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 5px 5px rgba(50, 50, 50, 0.35);
    -moz-box-shadow:    0px 0px 5px 5px rgba(50, 50, 50, 0.35);
    box-shadow:         0px 0px 5px 5px rgba(50, 50, 50, 0.35);
}
#login-box ul li {
	display: block;
	font-size: 10pt;
    text-align: center;
    padding: 3px 5px 0px;    
    line-height: 25px;
}
#login-box ul li a{display: block;font-size: 12pt;padding: 3px;}
#login-box ul li:hover a{background: #C8F8AB;}
#login-box ul li:first-child a{background: #63CD00;}
#login-box:hover ul{display: block;}




/* Gio hang */
#main-nav #card-box{
    float: right;   
    padding: 12px 5px 13px 0px;    
    position: relative;
}
#card-box>.title{
    padding-left: 10px;
    border-left: 1px solid #ffffff;
}

#card-box>.title span.icon{
    float: left;
    color: #ffffff;
    display: block;
    width: 27px;
    height: 27px;
    background: url(../images/ui/card-icon.png) no-repeat center;
}
#card-box>.title a{	
    
    color: #ffffff;
    background: url(../images/ui/arrow-down.png) no-repeat bottom right;
    display: block;
    font-size: 10pt;
    font-weight: bold;
    line-height: 15px;
	float: left;
    padding-right: 15px;
   
}
#card-box>.title a span{
    font-size: 10pt;
    font-weight: normal;
}
#card-box ul {
    background: #ffffff;
    padding: 10px 8px;
    z-index: 10000;
    position: absolute;
    top: 100%;
    right: 0px;
    display: none;
    width: 300px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 5px 5px rgba(50, 50, 50, 0.35);
    -moz-box-shadow:    0px 0px 5px 5px rgba(50, 50, 50, 0.35);
    box-shadow:         0px 0px 5px 5px rgba(50, 50, 50, 0.35);
}
#card-box ul li{display: block; padding: 5px; border-bottom: 1px solid #63CD00;}
#card-box ul li a{display: block;float: left}
#card-box ul li a img{float:left;}
#card-box ul li a span {display: block; margin-left: 50px;}
#card-box ul li a.item{width: 240px; }
#card-box ul li a.item .price{color: #EB0776;}
#card-box ul li>span.quantity{display: block;float:left;color: #EB0776}
#card-box ul li>.delete{display: block;float: right;width: 24px; height: 24px;
 background: url(../images/ui/card-remove-home-page.png) no-repeat top center;

}
#card-box:hover ul{display: block;}
#card-box ul li:last-child a{
    clear: left;
    text-align: center;
    background: #63CD00;
    display: inline-block;
    padding: 8px 0px;
    width: 100%;
}
#card-box ul li.total-price{text-align: right;padding: 10px}
#card-box ul li.total-price span{color: #EB0776;display: inline;float: right;}
#card-box ul li:last-child a:hover{
    box-shadow: 0px 0px 1px #63CD00; 
}

/* 			MAIN-CONTAIN
-------------------------------------------------- */
#main-contain{
    padding: 10px 10px 0px 10px;   
    margin: 0px auto;
}
#left-column{
    width: 100%;
    margin-right: -228px;
    float: left;
}

#wrap-left{
    margin-right: 228px;
    position: relative;
}
#right-column{
    width: 216px;
    float: right;
}

/*          MENU
--------------------------------*/
#left-menu{
    width: 240px;
    position: absolute;
    top: -80px;
    left: 0px;
}
#left-menu h3.title{
    width: 170px;
    padding: 5px 0 15px 20px;
    font-weight: bold;
    font-size: 35px;
    color: #000000;
    background: #fdce4f; /* Old browsers */
    background: -moz-linear-gradient(top,  #fdce4f 0%, #ffba00 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdce4f), color-stop(100%,#ffba00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fdce4f 0%,#ffba00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fdce4f 0%,#ffba00 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fdce4f 0%,#ffba00 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fdce4f 0%,#ffba00 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdce4f', endColorstr='#ffba00',GradientType=0 ); /* IE6-9 */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    line-height: 25px;
}
#left-menu h3.title span{
    font-size: 21px;
}

#left-menu #category-menu{
    display: block;
    margin-top: -5px;
    /*position: relative;*/
    border-top: 3px solid #ffba00;    
    background: #ffffff;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.75);
    z-index: 100000;   
}

#left-menu #category-menu>li{
    display: block;
    position: relative;
    line-height: 22px;
    padding: 10px 0px 10px 10px;
    background: #ffffff;
}

#left-menu #category-menu>li>a{
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    display: block;
}

#left-menu #category-menu>li:hover{
    background: url(../images/ui/arrow-right-menu.png) no-repeat  center right,  #ffba00;
}

#left-menu #category-menu>li>div{
    top: 0px;
    width: auto;
    display: none;
    position: absolute;
    left: 240px;
    z-index: 10000;
    min-width: 500px;
    min-height: 350px;
    background: #ffffff;
    padding: 5px;
    box-shadow: 0px 0px 5px #000000;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-position: bottom right;
    background-repeat: no-repeat;
}
#left-menu #category-menu>li>div h4{
    padding-left: 10px;
    color: #0972B3;
    text-transform: uppercase;
}
#left-menu #category-menu>li>div ul{
    z-index: 10002;
    width: 100%;
    height: 100%;

}
#left-menu #category-menu>li>div ul li{
    padding-left: 15px;
    background: url(../images/ui/list-item-icon-menu.png) no-repeat left center;
}
#left-menu #category-menu>li>div ul li a{
    font-weight: normal;
}

#left-menu #category-menu>li>div ul li a:hover{
    text-decoration: underline;
    color: #0972B3;
}
#left-menu #category-menu>li:hover>div{
    display: block;
}

/*                          SLIDER 
------------------------------------------------------------------*/
#left-column #slider{
    margin-left: 255px;
    width: 645px;
    

}
#left-column #slider .slider{
    width: 645px;
    height: 210px;
    text-align: center;
   
    margin-bottom: 20px;
	
}

#left-column #slider .slider:last-child{
    margin-bottom: 0px;
}

/*                      LIST LOGO 
--------------------------------------------------*/
#left-column #list-logo{
    margin-top: 10px;

}
#list-logo ul li{
    float: left;
    display: block;
    margin-right: 14px;
    width: 100px;
    height: 85px;
}
#list-logo ul li:nth-of-type(n+9){
    margin-top:  10px;
}
#list-logo ul li:nth-of-type(8n){
    margin-right: 0px;
}
#list-logo ul li a img{
    -webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out; 
-o-transition: all 1s ease-in-out; 
-ms-transition: all 1s ease-in-out; 
}
#list-logo ul li a img:hover{
    -webkit-transform: rotate(360deg); 
    -moz-transform: rotate(360deg); 
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg); 
}
/*                      PRODUCT
--------------------------------------------------*/
#left-column #product{
    margin-top: 15px;

}
#left-column .block-product{
    margin-bottom: 20px;
}
#left-column .block-product:last-child{
    margin-bottom: 0px;
}
#left-column .block-product .title h3{
    color: #000000;
    border-bottom: 5px solid #fc7718;
    margin-left: 43px;
    padding: 25px 0px 5px 5px;
}
#left-column #product .block-product .title span{
    display: block;
    float: left;
    width: 42px;
    height: 67px;
    background: url(../images/ui/title-icon.png) no-repeat;
}
.block-product .product-list{
    margin-top: 5px;

}
.block-product .product-list .product-item{
    
    width: 212px;
    max-height: 292px;
    display: block;
    float: left;
    border: 1px solid #d4d4d4;
    margin-right: 12px;
    background: #ffffff;
    position: relative;
    

}
.block-product .product-list .product-item span.label-sale-off{
    width: 55px;
    padding-left: 4px;
    height: 33px;
    color: #ffffff;
    overflow: hidden;
    background: url(../images/ui/label-sale-off.png) no-repeat center;
    position: absolute;
    z-index: 1000;
    display: block;
    text-align: center;
    font-size: 16pt;
    font-weight: bold;
    line-height: 33px;
    top: 5px;
    right: 5px;
}
.block-product .product-list .product-item:last-child{
    margin-right: 0px;
}
.product-item .product-image{
    width: 156px;
    height: 156px;
    overflow: hidden;
    margin: 20px auto;
}
.product-item .product-name{
    text-align: center;
}
.product-item .product-name a{
    color: #000000;
    font-weight: bold;
}
.product-item .card{
    margin-top: 10px;
}
.product-item .card a{
    display: block;
    font-size: 16px;
}
.product-item .price{
    height: 26px;
    line-height: 13px;
    width: 158px;
    padding: 10px 0px 10px 10px;
    float: left;
    font-weight: bold;
    color: #ffffff;
    background: #60e400; /* Old browsers */
    background: -moz-linear-gradient(top,  #60e400 0%, #45b300 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#60e400), color-stop(100%,#45b300)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #60e400 0%,#45b300 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #60e400 0%,#45b300 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #60e400 0%,#45b300 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #60e400 0%,#45b300 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60e400', endColorstr='#45b300',GradientType=0 ); /* IE6-9 */

}
.product-item .price .save-off{
    font-size: 12px;
    font-weight: normal;
    text-decoration:line-through;
}
.product-item .card-icon{
    width: 44px;
    height: 46px;
    float: right;
    background: url(../images/ui/card-icon-2.png) no-repeat center, #fdce4eurl(../images/ui/search-icon1.png) no-repeat center; /* Old browsers */
    background: url(../images/ui/card-icon-2.png) no-repeat center,-moz-linear-gradient(top, #fdce4e 0%, #ffbb02 100%); /* FF3.6+ */
    background: url(../images/ui/card-icon-2.png) no-repeat center,-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdce4e), color-stop(100%,#ffbb02)); /* Chrome,Safari4+ */
    background: url(../images/ui/card-icon-2.png) no-repeat center,-webkit-linear-gradient(top, #fdce4e 0%,#ffbb02 100%); /* Chrome10+,Safari5.1+ */
    background: url(../images/ui/card-icon-2.png) no-repeat center,-o-linear-gradient(top, #fdce4e 0%,#ffbb02 100%);/* Opera 11.10+ */
    background: url(../images/ui/card-icon-2.png) no-repeat center,-ms-linear-gradient(top, #fdce4e 0%,#ffbb02 100%); /* IE10+ */
    background: url(../images/ui/card-icon-2.png) no-repeat center,linear-gradient(to bottom, #fdce4e 0%,#ffbb02 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdce4e', endColorstr='#ffbb02',GradientType=0 ); /* IE6-9 */

}

/* ADVERTISEMENT */
.block-advertisement{
    margin-top: 45px;
    margin-bottom: 45px;
}
.block-advertisement .advertisement-list li{
    float: left;
    display: block;
    border: 1px solid #b90f0b;
    margin-right: 50px;
}
.block-advertisement .advertisement-list li:last-child{
    margin-right: 0px;
}
.block-advertisement .advertisement-list li a{
    display: block;
}
.block-advertisement .advertisement-list li a img{
    width: 265px;
    height: 149px;
}

/* SLIDER - TIN TUC */
#news{
    margin-top: 20px;
    padding-bottom: 20px;
}
#news .title h3{
    float: left;
    font-size: 21pt;
}
#news .title p{
    margin-left: 100px;
    padding-top: 13px;
    border-bottom: 5px solid #004a90;

}
#news .content{
    margin-top: 10px;
    position: relative;
    padding:5px 35px;
}
#news .prev{

    position: absolute;
    top: 55px;
    left: 0px;
    z-index: 100;
}
#news .next{

    position: absolute;
    top: 55px;
    right: 0px;
    z-index: 100;
}
#news #news-list .item{

    margin-left: 30px;
    width: 215px;
}
#news #news-list .item p{
    font-weight: bold;
    font-size: 11pt;
    text-align: center;
}


/*          RIGHT - COLUMN
-----------------------------------------------------------*/
#right-column{
}
#right-column #box-ho-tro{
}
#right-column #box-ho-tro h3{
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 21px;
    color: #000000;
    background: #95fa00; /* Old browsers */
    background: -moz-linear-gradient(top,  #95fa00 0%, #63e700 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#95fa00), color-stop(100%,#63e700)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #95fa00 0%,#63e700 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #95fa00 0%,#63e700 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #95fa00 0%,#63e700 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #95fa00 0%,#63e700 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95fa00', endColorstr='#63e700',GradientType=0 ); /* IE6-9 */

    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
#right-column #box-ho-tro .content{
    background: #e4ffbe;
    height: 120px;
    text-align: center;
    padding: 10px 0px;
}
#right-column #box-ho-tro .content .ho-tro{
    display: inline-block;
    margin-top: 20px;
}
#right-column #box-ho-tro .content .ho-tro:first-child{
    margin-right: 25px;
}
#right-column #box-ho-tro .content .ho-tro span{
    width: 76px;
    height: 76px;
    background: url(../images/ui/ho-tro.png);
    background-repeat: no-repeat;
    display: block;

}
#right-column #box-ho-tro .content .ho-tro p{text-align: center}
#right-column #box-ho-tro .content .ho-tro:hover p{
    font-weight: bold;
}

/* DANG KY NHAN TIN*/
#right-column #dang-ky-nhan-tin{
    margin-top: 20px;
}

/* QUANG CAO PHAI */
#right-column #quang-cao-phai{
    margin-top: 20px;
}
#right-column #quang-cao-phai a{
    margin-bottom: 20px;
    display: block;
}



/*-----------------------------------------------------------------
                             FOOTER
------------------------------------------------------------------*/
#wrapper-footer .wrapper{


    background: url(../images/ui/bg-footer.png) ;
    background-repeat: no-repeat;
    background-position: 0px -100px;
    min-height:355px;
    padding-bottom: 5px;
    background-color: #DFFBC4;

}
#wrapper-footer .wrapper .line{
    border-bottom: 1px solid #c6c5c5;
    margin: 0px 100px;
}
#wrapper-footer .wrapper #info{

}
#wrapper-footer .wrapper table{

    margin: 50px auto 0px;
}
#wrapper-footer .wrapper table th,#wrapper-footer .wrapper table td{
    text-align: left;
    padding: 5px 8px;
}
#wrapper-footer .wrapper table th{
    color: #004a90;

}
#wrapper-footer .wrapper table td ul li{

    line-height: 30px;
    padding-right: 15px;
}
#wrapper-footer .wrapper table td ul li a:hover{
    color: #004a90;
    text-decoration: underline;
}
#wrapper-footer .wrapper table td ul li span{
    float:left;
    display:block;
    width: 22px;
    height: 25px;
    background-position: center;
    background-repeat: no-repeat;

}

#wrapper-footer .wrapper table td ul li span{
    background-image: url(../images/ui/forward.png);

}
#wrapper-footer .wrapper table td ul li span.binh-sua{
    background-image: url(../images/ui/icon.png);
    background-position: 5px -27px;
}
#wrapper-footer .wrapper table td ul li span.ta-cho-be{
    background-image: url(../images/ui/icon.png);
    background-position: -25px -27px;

}
#wrapper-footer .wrapper table td ul li span.shop-do-choi{
    background-image: url(../images/ui/icon.png);
    background-position: -76px -27px;

}
#wrapper-footer .wrapper table td ul li span.xe-day-be{
    background-image: url(../images/ui/icon.png);
    background-position: -50px -30px;

}
#wrapper-footer .wrapper table td ul li span.facebook{
    background-image: url(../images/ui/icon.png);
    background-position: 0px 0px;

}
#wrapper-footer .wrapper table td ul li span.youtube{

    background-image: url(../images/ui/icon.png);
    background-position: -25px 0px;

}
#wrapper-footer .wrapper table td ul li span.map{

    background-image: url(../images/ui/icon.png);
    background-position: -175px 0px;

}
#wrapper-footer .wrapper table td ul li a{
    color: #000000;
    display: inline-block;
    vertical-align: middle;
}
#wrapper-footer .wrapper .info{
    text-align: center;
    margin-top: 50px;
    font-weight: bold;
    font-size: 14px;
}


/*          PAGE ===> DANH MUC MUA SAM 
-----------------------------------------------------------*/

#layout-danh-muc-san-pham #left-menu #category-menu{
    display: none;
}

#layout-danh-muc-san-pham #left-menu:hover #category-menu{
    display: block;
}

#sidebar-left{
    width: 216px;
    float: left;
}
#sidebar-left #filter-manufacture{
    margin-top: 15px;
}
#sidebar-left #filter-manufacture .title{
    font-size: 16px;
    color: #666666;
    border-bottom: 1px dotted #666666;
    padding: 5px;
    text-align: left;
}
#sidebar-left #filter-manufacture ul{
    padding: 10px 0px 20px;
}
#sidebar-left #filter-manufacture ul li {
    color: #666666;
}
#sidebar-left #adv-left{
    width: 216px;
    margin-top: 10px;
    overflow: hidden;
}
#sidebar-left #adv-left a{
    display: block;
}
/* CONTENT */
#content{
    margin-left: 232px;    
    z-index: 1000;
}
#content .breadcrumb{
    margin-top: 20px;
}
#content .breadcrumb ul li{
    display: inline;
    padding: 5px 0px;
}
#content .breadcrumb ul li a{
    color: #666666;
    font-size: 11pt;
    font-style: italic;
}
#content .breadcrumb ul li a:hover{
    text-decoration: underline;
    color: #000000;
}
#content .sort{
    margin-top: 20px;
    display: block;
    float: left;
    width: 100%;
    
}
#content .sort .title{
    color: #000000;
    font-weight: bold;
    float:  left;
}

#content .sort ul{
    float: left;
    margin-left: 5px;
    margin-top: 2px;
}
#content .sort ul li{
    display: inline;
    padding:  0px 5px;
    border-right: 1px solid #666666;
}
#content .sort ul li:last-child{
    border-right: 0px;
}
#content .sort ul li a{
    color: #666666;  
}
#content .sort ul li a:hover{text-decoration: underline; color: #000000}
#content .block-product{
    margin-top: 20px;
    float: left;
}
#content .block-product .product-list .product-item{
    margin-bottom: 30px;
}
#content .block-product .product-list .product-item:nth-of-type(3n){
    margin-right: 0px;
}

























